@import url('https://fonts.googleapis.com/css?family=Open+Sans');

a:link,
a:visited {
  color: #222222;
}
a:hover,
a:focus,
a:active {
  color: #157ebf;
}

#container{
background-color : rgb(255, 255, 255);
background-image: none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
font-family : Open Sans, sans-serif;
opacity: 1;
}
#MainWrapper{background-color : #fff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#HeaderTop{background-color : #1f2322;
background-image : none;
border: none;
color : #b0b0b0;
opacity: 1;
}
#Header,.Header{background-color : #fafafa;
background-image : none;
border-color : none;
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#Header {
    padding: 12px 0;
}
.BreadcrumbBgColor{background-color : rgb(250, 250, 250);
background-image : url(/Portals/_default/Skins/Vaspan%20Custom/images/BreadcumpBg.png);
background-repeat: repeat-x;
background-position : 50% 0%;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#SliderBg{background-color : #fff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#MpageBody{background-color : #fff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
min-height: 300px;
padding: 10px 0;
}
#FooterTop{background-color : #e8e8e8;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
padding: 0 ;
max-width : 100%;
}
#FooterMap{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#MainFooter{
background: none;
background-color: #1f2322;
border: none;
color : #b0b0b0;
opacity: 1;
max-width : 100%;
}
#MainFooter .Normal, #MainFooter a, #MainFooter a:link {
color : #b0b0b0;
font-weight: bold;
}
#MainFooter a:hover {
color : #fff;
}
.TitleColor, .TitleBack, .WelcomeText a {background-color : transparent;
background-image : none;
border-color : #157ebf;
color : #157ebf;
opacity: 1;
}

.MenuModulePane { display: inline-block; float: none; }
.SpeedyDropDown { display: inline-block; float: right; }
.SpeedyDropDown .nav > li {
    margin: 0 5px;
}
.SpeedyDropDown .nav > li > a {
    background: none;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0 15px;
    text-transform: uppercase;
}
.SpeedyDropDown .nav > li:not(.current) > a {
    color : #000;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li.current > a {
    color : #000;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li.current.active > a {
    color : #157ebf;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li > a:hover {
    color : #157ebf;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li:hover::before {
    color : #157ebf;
    content: "\f107";
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2em;
}
.SpeedyDropDown .nav ul.subs {
    background-color : #fff;
    background-image : none;
    border-color : #157ebf;
    color : #484848;
    opacity: 1;
}
.SpeedyDropDown .nav ul.subs li a:hover {
    background-color : #fff;
    background-image : none;
    border-color : #cccccc;
    color : #157ebf;
    opacity: 1;
}
.SpeedyDropDown .SubTitle > li > a {
    background-color : transparent;
    background-image : none;
    border-color : #cccccc;
    color : #000000;
    opacity: 1;
}
.SpeedyDropDown .nav > li > ul.subs
{
    margin: 10px 0 0 10px;
    text-align: left;
}
.BevelTitle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.BevelTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.DentTitle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.LeafTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareTitle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquarePromoNoTitleTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitleSolid_Title{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitleSolid_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonTitle{background-color : #f7f2f2;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbon_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquareTitleWhite_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
#SquareTitleWhite{background-color : #fff5f5;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonCenterTitle{background-color : #fdfdfd;
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonCenter_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentTitleSolid_Title{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : #157ebf;
opacity: 1;
}
.DentTitleSolid_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareTitleShadow_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquareTitleShadow_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.BevelNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(204, 204, 204);
color : rgb(72, 72, 72);
opacity: 1;
}
.RoundedBorderNoTitle{background-color : #faf8f8;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.Border{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.RoundedNoTilte_content{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(181, 180, 180);
color : rgb(72, 72, 72);
opacity: 1;
}
div.SquarePromoNoTitle {
    background-color: #3386e6;
    transition: 400ms;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div.SquarePromoNoTitle:hover {
    background-color: #529cf2;
}
div.SquarePromoNoTitle2 {
    transition: 400ms;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div.SquarePromoNoTitle2:hover {
    background-color: rgba(0, 0, 0, 0.75);
}

.StateSquare_Title{background-color : #3f79a0;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.StateSquareTitle_content{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareBorderNoTilte_content{background-color : #ffffff;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafIcon_Title{background-color : #3d759a;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.RoundedTextTitle{background-color : transparent;
background-image : none;
border-color : #157ebf;
color : #157ebf;
opacity: 1;
}
.TitleSolidBorder_Title{background-color : transparent;
background-image : none;
border-color : #157ebf;
color : rgb(72, 72, 72);
opacity: 1;
}
.Square3dRibbon{background-color : #fdfdfd;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRectangle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.Rounded3dRibbon{background-color : rgb(255, 255, 255);
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.Rectangle_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.BevelIcon_Title{background-color : #157ebf;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DefaultTitle{background-color : transparent;
background-image : none;
border-color : #157ebf;
color : #157ebf;
opacity: 1;
}
.TitleNoBorder_Title{background-color : transparent;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}


/* Additional styles */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12,
.col-lg-12
{ min-height: 0; }

#MainRightSide { margin: 0; }

.divLoginNavBar a:link,
.divLoginNavBar a:visited {
    color: #fff;
}
.divLoginNavBar a:hover,
.divLoginNavBar a:focus,
.divLoginNavBar a:active {
    color: #fff;
}

.divLoginNavBarMobile a:link,
.divLoginNavBarMobile a:visited
{
    color: #000;
}
.divLoginNavBarMobile a:hover,
.divLoginNavBarMobile a:focus,
.divLoginNavBarMobile a:active {
    color: #000;
}

.divLoginNavBar a:link > span,
.divLoginNavBar a:visited > span  {
    text-decoration: none;
}

.divLoginNavBar a:hover > span,
.divLoginNavBar a:focus > span,
.divLoginNavBar a:active > span {
    text-decoration: underline;
}

div.LoginNavBarContainer { white-space: nowrap;  }
.LoginNavBarContainer > div { vertical-align: top; white-space: initial; }
.divLoginNavBar { display: inline-block; font-weight: normal; }
.divLoginNavBar div, .divLoginNavBar span { color: #fff; font-size: 12px; }
.divLoginNavBarMobile div, .divLoginNavBarMobile span { color: #000; font-size: 12px; }

@media only screen and (min-width: 768px)
{
    .divLoginNavBar .fa { font-size: 14px; margin: 0; padding-left: 3px; }
    .divLoginNavBar .fa { display: none; }
    .divLoginNavBar > span:before { top: 0.3em; width: 1px; }
}

@media only screen and (max-width: 767px) {                            
    .LoginNavBarContainer > div { vertical-align: bottom; }    
    #MainWrapper { padding: 0; }
}

.MobileSearchRow { padding: 5px 0; }

.sbInp_Default button.searchBtn:hover
{
    color: #157ebf;
}

@media only screen and (max-width: 850px) {
    .DesktopSearchBox input.searchBox { max-width: 100px; }
}

.MenuBar {
    background-color: transparent;
    text-align: right;
}

.HeaderCart { display: inline-block; }
.HeaderBox > div { padding: 0px; }
.dnnLogoDiv img { max-height: 60px; }

.FixedHeaderStyle {
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}
.FixedHeaderStyle #Header { padding: 10px 0; }
.FixedHeaderStyle .SpeedyDropDown .nav > li > a { line-height: 30px; }
.FixedHeaderStyle .SpeedyDropDown .nav > li:hover::before { line-height: 30px; }
.FixedHeaderStyle .HeaderInfoLeft, .FixedHeaderStyle .HeaderInfoRight {
    display: none;
}
.LeftC h1, .LeftC h2, .LeftC h3, .LeftC h4, .LeftC h5, .LeftC h6 { text-align: left; }

.FixedHeaderStyle .dnnLogoDiv img { max-height: 40px; }
.BodyHeaderPane { background-color: #157ebf; color: #fff; min-height: 0; }
.BodyHeaderPane > div { margin: auto; max-width: 1140px; }
.BodyHeaderPane p { color: #fff; padding: 10px; }
.BodyHeaderPane h1, .BodyHeaderPane h2, .BodyHeaderPane h3,
.BodyHeaderPane h4, .BodyHeaderPane h5, .BodyHeaderPane h6 {  color: #fff; font-weight: bold; padding: 10px; }

.CompanyInfoPane { background-color: #fff; background-image: url('/portals/1/images/company_background.png'); background-repeat: repeat-x; min-height: 0; }
.CompanyInfoPane > div { margin: auto; max-width: 1140px; }
.CompanyInfoPane p { color: #000; padding: 15px; }

.FullBGHeaderPane { background-color: #ccc; color: #fff; }
.FullBGHeaderPane a { color: #fff; text-decoration: underline; }
.FullBGHeaderPane a:hover { color: #157ebf; }

#SliderBg div.slider { min-height: 0; }
.CusRow div { min-height: 0; }

div.FeatureTable { display: flex; align-items: stretch; flex-direction: row; justify-content: space-between; }
div.FeatureTable > div { display: flex; flex-direction: column; width: 32%; }
div.FeatureTable > div > div { flex-grow: 1; }
div.FeatureTable div.CenterFeature { display: flex; }
div.FeatureTable div.DnnModule { display: flex; width: 100%; }
div.FeatureTable div.DnnModule > div { width: 100%; }


@media only screen and (max-width: 900px) {
    div.FeatureTable { flex-direction: column; }
    div.FeatureTable > div { flex-direction: row; justify-content: space-between; width: 100%; }
    div.FeatureTable > div > div { flex-grow: initial; width: 49%; }
    div.FeatureTable div.CenterFeature { flex-grow: 1; width: 100%; }
    div.SquarePromoNoTitle, div.SquarePromoNoTitle2 { margin-bottom: 10px; }
}

@media only screen and (max-width: 700px) {
    div.FeatureTable > div { flex-direction: column; }
    div.FeatureTable > div > div { width: 100%; }

}

.col-md-12 { padding: 0; }
.FullBGWrapper { background-color: #f6f6f6; }
.TitleNoBorder { margin: 20px 0; }
.TitleNoBorder_Title, .TitleNoBorder_Title .Head { color: #000; }

@media only screen and (max-width: 767px) {
    .Header { padding: 2px 10px; }
    .HeaderCart { margin-left: 5px; margin-right: 5px; }
}

.HeaderTopPane, .HeaderTopLoginPane { padding-top: 5px; padding-bottom: 5px; }
.HeaderTopPane { padding-left: 0; }
.HeaderTopLoginPane { padding-right: 0; text-align: right; }
.HeaderTopLoginPane > div { display: inline-block; }
.HeaderTopLoginPane > div:last-child { float: right; margin-top: -2px; }
.HeaderTopLoginPane > div:not(:last-child) { margin-right: 10px; }
.HeaderTopContent, .HeaderTopContent a { color: #fff; font-size: 14px; }
.HeaderTopContent em.fa, .HeaderTopContent i.fa { color: #fff; font-size: 12px; margin-right: 2px; }
.HeaderTopContent span { display: inline-block; }
.HeaderTopContent span:not(:last-child) { margin-right: 50px; }
.HeaderTopCart { float: right; }

@media only screen and (max-width: 767px) {
    .HeaderTopLoginPane { padding-top: 0; padding-bottom: 0; }
}

@media only screen and (max-width: 950px) {
    .HeaderTopContent span:not(:last-child) { margin-right: 30px; }
}
@media only screen and (max-width: 900px) {
    .HeaderTopContent span:not(:last-child) { margin-right: 20px; }
}
@media only screen and (max-width: 850px) {
    .HeaderTopContent span:not(:last-child) { margin-right: 10px; }
}
@media only screen and (max-width: 815px) {
    .HeaderTopContent span:not(:last-child) { margin-right: 5px; }
}
@media only screen and (max-width: 767px) {
    .HeaderTopContent span:not(:last-child) { margin-right: 30px; }
}

#dnn_FeatureA > .DnnModule-DNN_HTML, #dnn_FeatureB > .DnnModule-DNN_HTML {
    border-right: solid 1px #157ebf;
}

@media only screen and (max-width: 767px) {
    #dnn_FeatureA > .DnnModule-DNN_HTML, #dnn_FeatureB > .DnnModule-DNN_HTML {
        border-right: none;
        border-bottom: solid 1px #157ebf;
        margin-bottom: 20px;
    }
}

.BottomFooterContent { color: #b0b0b0; }

.BottomFooterPane { text-align: right; }
.BottomFooterPane em.fa, .BottomFooterPane i.fa { font-size: 20px; }
.BottomFooterPane span { display: inline-block; }
.BottomFooterPane span:not(:first-child) { margin-left: 10px; }

.MainFooterHeading {
    border-left: solid 3px #157ebf;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    padding-left: 10px;
    text-transform: uppercase;
}
.MainFooterLinks { line-height: 2em; }
.MainFooterContent em.fa, .MainFooterContent i.fa { color: #157ebf; font-size: 14px; line-height: 2em; margin-right: 5px; }

#MobileMenuWrapper {
    display: none;
    height: 98%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#MobileMenuPane {
    background-color: white;
    border: solid 1px #999999;
    border-left: none;
    box-shadow: 2px 2px 15px 0px #888888;
    height: 100%;
    margin: auto;
    margin-left: 0;
    overflow-y: auto;
    width: 98%;
}

#MbMenu { font-size: 16px; line-height: 1.1em; padding: 5px; }
                        
#MbMenu button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
#MbMenu button > span {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    text-decoration: underline;
}
#MbMenu button:hover { color: #157ebf; }
                        
#MbMenu .fa  {
    font-size: 22px;
    display: block;
    background-color: #157ebf;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 3px 6px 2px 6px;
    position: relative;
    color: white;
    margin: 0 5px;
}

div.SocialMediaIcons a {
    text-decoration: none;
    font-family: FontAwesome;
    font-size: 28px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}

div.CreditCardIcons em {
    text-decoration: none;
    font-family: FontAwesome;
    font-size: 24px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    div.dnnLogoDiv { padding-left: 5px; padding-right: 5px; }
    .dnnLogoDiv img { max-height: 60px; }
}

.FooterHR {
    border-top: solid 1px #717171;
    height: 2px;
    background-color: #121212;
}

#MainFooter > div.flex-row > div {
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    width: 33%;
}

#BottomFooter {
background: #111514;
background: -moz-linear-gradient(top, #1c201f 5%,#212524 10%,#111514 15%,#111514 100%);
background: -webkit-linear-gradient(top, #1c201f 5%,#212524 10%,#111514 15%,#111514 100%);
background: linear-gradient(to bottom, #1c201f 5%,#212524 10%,#111514 15%,#111514 100%);
color: #b0b0b0;
padding: 10px 5px 5px 5px;
}
#BottomFooter a:link, #BottomFooter a:visited { color: #b0b0b0; }

@media (max-width: 767px) {
    #MainFooter > div.flex-row > div { width: 100%; }    
    #MainFooter > div.flex-row > div:nth-child(2n) { border-right: none; }
}

.theme-intensity .nivo-controlNav { position: absolute; bottom: 0; }

.flex-row {
  width: 100%;
  max-width:1140px;
  margin: 0 auto;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-row:before,
.flex-row:after {
  display: table;
  content: " ";
}

.flex-row:after {
  clear: both;
}

.flex-row:before,
.flex-row:after {
  display: table;
  content: " ";
}

.flex-row:after {
  clear: both;
}

.fileinput-button {
    background-color: #3a73a2;
    border-color: #3a73a2;
}

    .fileinput-button:hover, .fileinput-button:focus, .fileinput-button:active {
        border-color: #6fa5d1;
        background-color: #6fa5d1;
    }

/* Login form adjustments */
.LoginPanel { float: none; margin-top: 20px; padding: 0; text-align: center; width: 100%; }
.dnnForm.dnnLoginService { display: inline-block; margin: 0 auto; min-width: 200px; width: initial; }
.dnnForm.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] { display: block; margin: 0; max-width: 100%; width: initial; }
.dnnForm.dnnLoginService .dnnLabel { float: none; margin: 0; padding: 0; width: auto; }
.dnnForm.dnnLoginService .dnnClear:after { line-height: 0; }
.dnnSocialRegistration > #socialControls { padding-top: 0; }

.dnnForm.dnnLoginService .dnnFormItem { margin-bottom: 10px; }
.dnnForm.dnnLoginService .dnnFormItem a { margin-right: 5px; vertical-align: middle; }
.dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel { margin: 0; width: auto; }

@media handheld, only screen and (max-width:767px)  {

	.dnnLogin input[type="text"], .dnnLogin input[type="password"]{ margin: 0; max-width: 100%; width: initial; }
    .loginContent { margin: 0; }
    .LoginPanel { padding-right: 0; width: 100%; float: none; margin: 0 auto; }
    .dnnForm.dnnLoginService { min-width: 200px; width: initial; }
    .dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel { width: auto; }
    .dnnLoginActions { margin-left: 0; }
    
    .dnnForm ul.dnnActions, .DnnModule ul.dnnActions, ul.dnnActions { width: initial; }    
}

@media handheld, only screen and (max-width:420px) {
    div.dnnLoginRememberMe { margin-left: 0; }
    .dnnFormItem, .dnnFormItem span { max-width: initial; }
}